<!-- Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. -->

<div class="ms-NavBar">
  <div class="ms-NavBar-openMenu js-openMenu">
    <i class="ms-Icon ms-Icon--menu"></i>
  </div>
  <div class="ms-Overlay"></div>
  <ul class="ms-NavBar-items">
    <li class="ms-NavBar-item ms-NavBar-item--search ms-u-hiddenSm">
      <div class="ms-TextField">
        <input class="ms-TextField-field">
      </div>
    </li>
    <li class="ms-NavBar-item"><a class="ms-NavBar-link" href="#">Home</a></li>
    <li class="ms-NavBar-item ms-NavBar-item--hasMenu">
      <a class="ms-NavBar-link" href="#">Channels</a>
      <i class="ms-NavBar-chevronDown ms-Icon ms-Icon--chevronDown"></i>
      <ul class="ms-ContextualMenu">
        <li class="ms-ContextualMenu-item"><a class="ms-ContextualMenu-link" href="#">Animals</a></li>
        <li class="ms-ContextualMenu-item"><a class="ms-ContextualMenu-link" href="#">Education</a></li>
        <li class="ms-ContextualMenu-item"><a class="ms-ContextualMenu-link" href="#">Music</a></li>
        <li class="ms-ContextualMenu-item "><a class="ms-ContextualMenu-link" href="#">Sports</a></li>
      </ul>
    </li>
    <li class="ms-NavBar-item"><a class="ms-NavBar-link" href="#">My Videos</a></li>
    <li class="ms-NavBar-item is-disabled"><a class="ms-NavBar-link" href="#">More</a></li>
    <li class="ms-NavBar-item ms-NavBar-item--right"><a class="ms-NavBar-link" href="#"><i class="ms-Icon ms-Icon--upload"></i> Upload</a></li>
  </ul>
</div>
